<template>
	<view class="Distributenow-box">
		<view class="Distributenow-top">
			<u-navbar :border-bottom="false" height="60" title="线索录入" :background="background" title-color="#FEFFFE" back-icon-color="#fff"></u-navbar>
		</view>
		<view class="Distributenow-auto">
			<view class="Distributenow-auto-Laststep">
				<u-icon class="Distributenow-auto-Laststep-tb" size="40" name="https://cdn.uviewui.com/uview/example/button.png"></u-icon>
				上一步
			</view>
			<view class="Distributenow-auto-text">
				可手动上下拖拽来调换位置
			</view>
			<view class="Distributenow-auto-content">
				<view class="Distributenow-auto-school" v-for="item in 3">
					<view class="school-box">
						<view class="school-box-img">
							<image src="http://1812.img.pp.sohu.com.cn/images/blog/2009/11/18/18/8/125b6560a6ag214.jpg" class="school-box-img1"/>
						</view>
						<view class="school-box-text">朗阁教育培训机构</view>
						<view class="school-box-Button">一级优先</view>
					</view>
				</view>
				<view class="introduce">机构的位置前后代表分发次序</view>
			</view>
		</view>
		<view class="Distributenow-bottom">
			<view class="Distributenow-bottom1">现在分发</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: '#92C15E',
				}
			}
		}
	}
</script>

<style>
	.Distributenow-box{}
	.Distributenow-top{
		padding: 30upx;
		height: 320upx;
		padding-top: 0;
		padding-bottom: 40upx;
		background-color: #92C15E;
	}
	.Distributenow-auto{
		margin: 30upx;
		margin-top: -210upx;
		background: #FFFFFF;
		padding: 40upx 30upx;
		padding-bottom: 50upx;
		box-shadow: 0px 0px 32px 0px rgba(153, 153, 153, 0.3);
		border-radius: 10upx;
	}
	.Distributenow-auto-Laststep{
		width: 100%;
		display: flex;
		align-items: center;
		font-size: 26upx;
		font-weight: bold;
		color: #91C853;
	}
	.Distributenow-auto-Laststep-tb{
		margin-right: 10upx;
	}
	.Distributenow-auto-text{
		margin-left: 50upx;
		font-size: 24upx;
		font-weight: 500;
		color: #999999;
		padding: 30upx 0;
	}
	.Distributenow-auto-content{
		
	}
	.Distributenow-auto-school{
		height: 178upx;
		display: flex;
		align-items: center;
		margin: 40upx 0;
		padding: 30upx;
		background: #FFFFFF;
		box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.3);
		border-radius: 10upx;
	}
	.Distributenow-auto-school:nth-child(1){
		margin-top: 0;
	}
	.school-box{
		width: 100%;
		display: flex;
		align-items: center;
	}
	.school-box-img{}
	.school-box-img1{
		width: 65upx;
		height: 65upx;
		border-radius: 100%;
		border: 2px solid #92C25B;
	}
	.school-box-text{
		width: 100%;
		font-size: 26upx;
		font-weight: bold;
		color: #333333;
		margin-left: 20upx;
	}
	.school-box-Button{
		width: 40%;
		padding: 10upx 20upx;
		color: #F08200;
		border: 2upx solid #F08200;
		border-radius: 8upx;
		text-align: center;
	}
	.introduce{
		font-size: 24upx;
		font-weight: 500;
		color: #F08200;
		padding-left: 25upx;
		position: relative;
	}
	.introduce:after{
		content: "";
		top: 40%;
		left: 0;
		width: 10upx;
		height: 10upx;
		background: #F08200;
		border-radius: 50%;
		position: absolute;
	}
	.Distributenow-bottom{
		margin: 80upx 30upx;
	}
	.Distributenow-bottom1{
		color: #fff;
		padding: 30upx;
		font-size: 26upx;
		font-weight: bold;
		text-align: center;
		border-radius: 8upx;
		background-color: #92C25B;
	}
</style>
